// 引入react内置的hook
import React, { useState } from 'react'
// useState的作用: 在函数组件中定义状态
export default function App() {
  // const [状态, 修改状态的方法] = useState(状态的初始值)
  // 类组件中: state = {count: 0,msg: '123'}
  // 当前组件中有几个状态数据,就调用几次useState
  // setCount只能修改count,setMsg只能修改msg
  const [count, setCount] = useState(0)
  // const [msg, setMsg] = useState('123')

  return (
    <div>
      App
      <p>{count}</p>
      <button
        onClick={function () {
          // 作用: 修改count值 参数: 目标值
          setCount(count + 1)
        }}
      >
        +
      </button>
    </div>
  )
}
